<template>
    <div class="wrap">
        <div class="common-banner"><img src="../../common/img/banner/park.jpg"/></div>
        <section>
            <div class="head-title"><i></i><span>园区规划咨询</span><i></i></div>
            <ul class="park-consult">
                <li v-for="item in consult">
                    <div class="top" :class="item.bg">{{item.title}}</div>
                    <div class="con">
                        <span v-for="con in item.cons">{{con}}</span>
                    </div>
                </li>
            </ul>
        </section>
        <section>
            <div class="head-title h4-w"><i></i><span>服务对象</span><i></i></div>
            <ul class="park-service sec-part">
                <li v-for="item in service">
                    <div class="top">
                        <i><img :src="item.img"></i>
                        <span>{{item.title}}</span>
                    </div>
                    <div class="con">
                        <p v-for="con in item.cons">{{con}}</p>
                    </div>
                </li>
            </ul>
            <ul class="park-service sec-part">
                <li v-for="item in service1">
                    <div class="top">
                        <i><img :src="item.img"></i>
                        <span>{{item.title}}</span>
                    </div>
                    <div class="con">
                        <p v-for="con in item.cons">{{con}}</p>
                    </div>
                </li>
            </ul>
        </section>
        <m-bottom></m-bottom>
    </div>
</template>
<script>
import MBottom from 'components/m-bottom/m-bottom'
import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';
export default{
    data(){
        return {
            consult:[
                {
                    title:"产业规划与研究",
                    bg:"bg-fc7169",
                    cons:["互联网+行动计划","十三五专项企业","战略性新兴产业","现代服务业","现代农业"]
                },
                {
                    title:"专业园区规划咨询",
                    bg:"bg-17c4b1",
                    cons:["新材料产业园","生物医药产业园","节能环保产业园","新能源汽车产业园","机器人产业园","化工产业园","新能源产业园","现代农业园","智能物流园","食品产业园"]
                },
                {
                    title:"双创园区规划咨询",
                    bg:"bg-f6b52c",
                    cons:["电商产业园","信息软件院","新型贸易园","互联网公社","科教文创园","总部经济园"]
                },
                {
                    title:"产业地产开发运营",
                    bg:"bg-d26f8f",
                    cons:["办公地产","工业地产","物流地产","科技综合体"]
                }
            ],
            service:[
                {
                    img:require("../../common/img/park-service1.png"),
                    title:"各级政府",
                    cons:["产业规划","招商策划","招商代理"]
                },
                {
                    img:require("../../common/img/park-service2.png"),
                    title:"园区管委会",
                    cons:["产业规划","招商促进","运营管理"]
                }
            ],
            service1:[
                {
                    img:require("../../common/img/park-service3.png"),
                    title:"产业地产开发商",
                    cons:["拿地政策","项目规划定位","招商策划代理"]
                },
                {
                    img:require("../../common/img/park-service4.png"),
                    title:"投资机构",
                    cons:["投资机会发现","投资地点选择","项目规划设计"]
                }
            ]
        }
    },
    methods:{

    },
    mounted(){
        var townCaseSwiper = new Swiper('#tour-container', {
            freeMode: true,
            slidesPerView: 'auto',
            freeModeSticky: true,
        });
    },
    components:{
        MBottom
    }
}
</script>
<style type="text/css">
.park-consult {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
}
</style>
